/*
 * @Author: zhangweixin 
 * @Date: 2018-11-20 19:31:13 
 * @Last Modified by: zhangweixin
 * @Last Modified time: 2018-12-06 11:23:46
 */
 @import "../../../static/style/mixin.less";

.P-user-center{
  padding-bottom: 80px;
  min-height: 100vh;
  box-sizing: border-box;
  background-color:rgba(248, 248, 248, 0.75);
}
.no-login-shadow{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 1001;
  text-align: center;
  .avator-default-box{
    margin-top: 1.6rem;
    img{
      width: 1.2rem;
      height: 1.2rem;
    }
  }
  .avator-default-text{
    margin-top: .3rem;
    font-size: .36rem;
    line-height: .36rem;
  }
}
.has-login-container{
  .avator-active-container{
    background-color:#fff;
    text-align:center;
    padding:.8rem 0;
    img{
      width: 1.2rem;
      height: 1.2rem;
    }
    .user-nickname{
      font-size: .36rem;
      color:#000000;
      line-height: .36rem;
      margin-top: .3rem;
    }
    .user-phone{
      margin-top: .2rem;
      font-size: .28rem;
      line-height: .28rem;
      color: #666;
    }
  }
  .order-nav{
    &-container{
      margin-top: .2rem;
      background-color: #fff;
    }
    &-top{
      display: flex;
      align-items:center;
      justify-content:space-between;
      padding:.2rem .5rem;
      .order-nav-title{
        color: #333;
        font-size: .32rem;
      }
      .order-nav-more{
        display: flex;
        align-items: center;
        &-text{
          font-size:.28rem;
          color:#999999;
          margin-right: .2rem;
        }
        img{
          width: .22rem;
          height: .3rem;
        }
      }
    }
    &-items{
      display: flex;
      padding: .3rem 0;
    }
    &-item{
      flex: 1;
      font-size: 0px;
      text-align: center;
      &-icon-box{
        img{
          width: .6rem;
          height: .6rem;
        }
      }
      &-text{
        margin-top:.2rem;
        font-size:.24rem;
        color:#666666;
        line-height:.24rem;

      }
    }
  }
  .user-nav{
    &-items{
      margin-top: .2rem;
      background-color: #fff;
      padding: 0 .2rem;
    }
    &-item{
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 1rem;
      padding: 0 .3rem;
      // border-bottom: .01rem solid #ececec;
      .half-line-bottom(#ececec);
      &:last-child{
        &:after{
          border: none;
        }
        // .half-line-bottom(transparent);
      }
      &-text{
        font-size:.32rem;
        color:#333;
      }
    }
  }
}

:global{
  .icon-arrow-default{
    width: .22rem;
    height: .3rem;
  }
}